import React, {memo} from 'react'

/**
 * memo： 如果你的组件在相同 props 的情况下渲染相同的结果，那么你可以通过将其包装在React.memo中调用，
 * 以此通过记忆组件渲染结果的方式来提高组件的性能表现。这意味着在这种情况下，React 将跳过渲染组件的操作并直接复用最近一次渲染的结果。
 * 
 * 被调用时返回传入的组件:
 * 每次传入的组件要执行更新时，组件的新props和之前的老props会进行一次浅比较:
 * 结果相等，不触发更新
 * 结果不相等，触发更新，重新渲染
 */

export const C:React.FC = memo(():JSX.Element=>{
  console.log("C update");
  return (
    <div>test!</div>
  )
})